<template>
<div>
  <div class="nav">
    <h2>知晓</h2>
    <nav class="search">
      <router-link to="/search">
        <input type="text" placeholder="知晓从这里开始">
        <a-icon type="search" /></router-link>
    </nav>
  </div>
</div>
</template>

<script>
import {orderList} from "../api/api";

export default {
name: "Title",
  data(){
    return{

    }
  },
  // computed:{
  //   list(){
  //     return this.$store.state.newList
  //   }
  // },
  created(){
    orderList().then(res=>{
      console.log(res)
      // this.list = res.rows
      // localStorage.setItem("coll", JSON.stringify(this.list))
    })
  },
  methods:{
  }
}
</script>

<style scoped lang="less">
  *{
    padding: 0;
    margin: 0;
  }
  .nav{
    display: flex;
    justify-content: space-around;
    padding: 15px 10px;
    background: #00aaff;
    color: white;
    .search{
      border: 1px solid #ccc;
      border-radius: 10px;
      padding-left: 20px;
      margin-top: 4px;
      width: 60%;
      input{
        width: 80%;
        background: #00aaff;
        outline: none;
        border: none;
        width: 80%;
      }
    }
  }
</style>